@charset "utf-8";
/*resect*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
q:before, q:after {	content:'';}
abbr, acronym {	border:0;}
table {	border-collapse:collapse;/*css去IE表格陰影ox */border-spacing:0;}
td,th {}
/*resect*/
a {
	color: #55321F;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	}
	
a:hover{
	font-family: Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#A07B52;
	}
	
body {
	color: #333333;
	text-decoration: none;
	font-family:Verdana, 新細明體, Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-size: 0.83em;
	background-color: #f0efee;
	}

#wrapper {
	background-image: url(../images/body_bg.jpg);
	background-repeat: no-repeat;
	min-height:950px;
	min-width:1000px;
	background-position: center top;
}

#header{
	height: 950px;
	width: 1000px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
.header_box {
	position: relative;
}


.main {
	background-image: url(../images/main_bg.jpg);
	width: 100%;
}
.banner {

}
.slogan {
	position: absolute;
	height: 283px;
	width: 705px;
	left: 280px;
	top: 166px;

}
.header_box {
	height: 660px;
	width: 1000px;


}
.menu {
	height: 280px;
	width: 960px;
	background-image: url(../images/menubg.png);
	background-repeat: no-repeat;
	padding-left: 40px;
}
.m_div {
	float: left;
	height: 280px;
	width: 300px;
	margin-right: 10px;
}



.logo {
	height: 90px;
	width: 380px;
	position: absolute;
	left: 0px;
	top: -1px;

}
.tv {
	height: 232px;
	width: 308px;
	position: absolute;
	left: 0px;
	top: 99px;
	padding: 5px;
}

.logo_1 {
	position: absolute;
	height: 154px;
	width: 403px;
	right: 16px;
	top: 0px;
}



#content{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	}
.tab_1 {
	background-image: url(../images/tab_1.png);
	height: 135px;
	width: 1000px;
}
.tab_1 div {
	float: left;
}
.tab_1 .tit {
	height: 60px;
	width: 350px;
	margin-top: 40px;
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	color: #382114;
	line-height: 60px;
	padding-top: 15px;
}
.btn_menu {
	height: 50px;
	width: 600px;
	margin-top: 65px;
	padding-left: 15px;
}
.btn_menu ol li {
	float: left;
	height: 48px;
	margin-left: 15px;
	list-style-type: none;
	background-repeat: no-repeat;
}

.tab_2 {
	background-image: url(../images/tab_2.png);
	background-repeat: repeat-y;
	width: 960px;
	clear: both;
	height: 630px;
	padding: 20px;
}
.core_div {
	height: 295px;
	width: 450px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	border: 1px solid #957a5e;
}
.core_tit {
	height: 45px;
	width: 450px;
	background-image: url(../images/core_tit.jpg);
}
.core_con {
	height: 250px;
	width: 450px;
	position: relative;
}
.core_con_pic {
	height: 180px;
	width: 175px;
	margin: 10px;
	position: absolute;
	top: 0px;
}
.core_con_btn {
	height: 43px;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	position: absolute;
	top: 200px;
	background-image: url(../images/more.png);
	background-repeat: no-repeat;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
	padding-left: 25px;
}
.core_con_btn a {
	font-weight: bold;
	color: #55321F;
}
.core_con_btn a:hover {
	font-weight: bold;
	color: #95734D;
}



.core_con_recipe {
	height: 230.px;
	width: 245px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 230px;
	position: absolute;
	right: 0px;
}
.recipe_user {
	height: 70px;
	width: 100%;
	position: relative;
}
.recipe_user h2 {
	padding-top: 7px;
	padding-bottom: 7px;
}
.recipe_img {
	padding: 5px;
	height: 50px;
	width: 50px;
	background-image: url(../images/userimg.png);
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;

}
.recipe_fb {
}
.recipe_t {
	font-size: 15px;
	line-height: 30px;
	height: 30px;
	width: 100%;
	clear: left;
	color: #55321F;
}


.recipe_text {
	overflow: hidden;
	height: 125px;
	width: 100%;
	padding-left: 5px;
	color: #55321F;
}





.tab_3 {
	background-image: url(../images/tab_3.png);
	background-repeat: no-repeat;
	height: 8px;
	width: 1000px;
	margin-bottom: 30px;
	clear: both;
}

.con_title {
	line-height: 60px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-size: 26px;
	color: #3089a0;
	letter-spacing: 1px;
}

.content_box {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#footer{

}
.footer_box {

	
}

h1 {
	font-size: 36px;
	color: #06568a;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
.lc a {
	color: #333;
}
.lc a:hover {
	color: #0066CC;
}
.side_left {
	height: 200px;
	width: 178px;
	background-image: url(../images/side_left.jpg);
	background-repeat: no-repeat;
	float: left;
}
.side_left ol li {
	list-style-type: none;
	display: block;
	height: 40px;
	width: 140px;
	line-height: 40px;
	padding-left: 26px;
	font-size: 15px;
}
.size_right {
	margin-left: 195px;
	width: 750px;
}
.tab_a {
	background-color: #baeaff;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #3089a0;
	font-size: 18px;
	line-height: 36px;
	color: #3089a0;
	padding-left: 10px;
}
.tab_b {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.qa_tit {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/qa_tit_bg.png);
	height: 42px;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3089a0;
	border-bottom-color: #3089a0;
	font-size: 14px;
	line-height: 42px;
	text-align: center;
}
.all_con_tit {
	line-height: 42px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.all_about {
	float: left;
	height: 350px;
	width: 600px;
	margin-left: 50px;
	background-color: #FFF;
}
.about_img {
	width: 285px;
	margin-left: 665px;
	height: 350px;
	background-color: #FFF;
}
.all_con_tab {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 15px;
	background-color: #FFF;
	height: 50px;
	margin-bottom: 15px;
}
.download {
	height: 100px;
	width: 880px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	padding: 10px;
}
.p1,.p2,.p3,.p4,.p5
{
background-image: url(../images/menu_b_bg.png);
}

.p1 a {
	background-image: url(../images/recipe_p1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999px;
}
.p1 a:hover {
	background-image: url(../images/recipe_p1.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	wwidth: 105px;
	text-indent:-9999;
}
.p2 a {
	background-image: url(../images/recipe_p2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p2 a:hover {
	background-image: url(../images/recipe_p2.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p3 a {
	background-image: url(../images/recipe_p3.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p3 a:hover {
	background-image: url(../images/recipe_p3.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p4 a {
	background-image: url(../images/recipe_p4.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p4 a:hover {
	background-image: url(../images/recipe_p4.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p5 a {
	background-image: url(../images/recipe_p5.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}
.p5 a:hover {
	background-image: url(../images/recipe_p5.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 105px;
	text-indent:-9999;
}




.tab_2 .page_2 {
	background-image: url(../images/philips_page_2_bg.png);
	float: left;
	height: 305px;
	width: 270px;
	margin-left: 8px;
	margin-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

.page_tit {
	height: 70px;
	width: 100%;
	line-height: 65px;
	text-align: center;
	font-size: 18px;
	color: #55321F;
	padding-top: 20px;
}
.page_t {
	font-size: 15px;
	line-height: 22px;
	color: #55321F;
}
.page_btn {
	background-image: url(../images/more_1.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 125px;
	margin-right: auto;
	margin-left: auto;
	line-height: 26px;
	text-align: center;
	margin-top: 5px;
}


.tab_3 .page_c {
		background-image: url(../images/tab_2.png);
	background-repeat: repeat-y;
	width: 960px;
	padding: 20px;
	clear: both;
	height: 630px;
	clear: both;
}
.page_text {
	color: #55321F;
	line-height: 20px;
	padding-left: 6px;
}
.page_3 {
	height: 630px;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.photo_left_btn {
	height: 200px;
	width: 50px;
	position: absolute;
	left: -50px;
	top: 211px;
}
.photo_right_btn {
	position: absolute;
	height: 200px;
	width: 50px;
	right: -50px;
	top: 210px;
}


.photo {
	height: 200px;
	width: 280px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
}
.p6,.p7 {
	background-image: url(../images/menu_a_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 48px;
	width: 245px;
}
.p6 a {
	background-image: url(../images/recipe_p6.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 245px;
}
.p6 a:hover {
	background-image: url(../images/recipe_p6.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 245px;
}

.p7 a {
	background-image: url(../images/recipe_p7.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 48px;
	width: 245px;
}
.p7 a:hover {
	background-image: url(../images/recipe_p7.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 48px;
	width: 245px;

}